* {
    margin: 0;
    padding: 0;
    list-style: none;
}

.car-body {
    display: flex;
    position: relative;
}

.car-tab {
    width: 40%;
    box-sizing: border-box;
    padding: 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.car-direction {
    margin: 0 3px;
}

.car-item {
    position: relative;
    width: 15%;
    height: 122px;
    display: inline-block;
}

.car-item2 {
    position: relative;
    width: 21%;
    height: 122px;
    overflow: hidden;
}

/*左侧 - 车辆 */
.carhead1 {
    background-image: url('../images/carhead.png');
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 122px;
    background-size: 100%;
    background-repeat: no-repeat;
}

/*车尾*/
.carfoot1,
.carleft1,
.cartop1,
.carright1 {
    background-image: url('../images/carfoot.png');
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 122px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.carleft1 {
    top: 11px;
    height: 72px;
    background-image: url('../images/carleft.png');
}

.cartop1 {
    background-image: url('../images/cartop.png');
}

.carright1 {
    top: 11px;
    height: 72px;
    background-image: url('../images/carright.png');
}

.car-container, .car-container2 {
    flex: 1;
    position: relative;
    width: 300px;
    height: 200px;
}

.car-container2 {
    width: 400px;
    height: 300px;
}

.imgMap, .imgMap2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 300px;
    height: 200px;
    z-index: 1000;
}

.imgMap img, .imgMap2 img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    outline: none;
}

.imgMap2 {
    width: 400px;
    height: 300px;
}

.cat-location {
    width: 300px;
    height: 200px;
    position: absolute;
}

.cat-location2 {
    width: 400px;
    height: 300px;
    position: absolute;
}


.car {
    width: 300px;
    height: 200px;
    box-sizing: border-box;
    border: 1px solid #f5f5f5;
}

area {
    outline: none;
    list-style: none;
    border: 0;
}

.carBody > div {
    background-repeat: no-repeat;
    background-size: 200%;
}

/**
  右侧车辆
**/

/*车头*/
.carhead {
    background-image: url('../images/carhead.png');
    position: absolute;
    left: 1px;
    top: 0;
    width: 91%;
    height: 200px;
    background-size: 100%;
    background-repeat: no-repeat;
}

/*车头 -- */
.head_hood1, .headEngine {
    background-image: url('../images/head_hood_h.png');
    position: absolute;
    left: 12%;
    top: 0%;
    background-position-x: 100%;
    width: 75.4%;
    height: 63px;
}

/* -- 引擎 */
.headEngine {
    left: 11%;
    top: 0;
    width: 77%;
    height: 200px;
}

/*--前保险杠*/
.head_bumper_no, .head_bumper_no1 {
    background-image: url('../images/head_bumper_h.png');
    position: absolute;
    left: 5.7%;
    top: 0;
    width: 88.3%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 400%;
}

/*前保险杠 - 底部*/
.head_bumper_skrit {
    background-image: url("../images/head_bumper_skrit_h.png");
    position: absolute;
    left: 4.7%;
    top: -6%;
    width: 89.3%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 400%;
}

/*前翼子板-左*/
.head_plate_left {
    background-image: url('../images/head_plate_left_h.png');
    position: absolute;
    left: 85.5%;
    top: 0%;
    width: 8.5%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 400%;
}

/*前翼子板-右*/
.head_plate_right {
    background-image: url('../images/head_plate_right_h.png');
    position: absolute;
    left: 6%;
    top: 2%;
    width: 8.5%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 400%;
}

/* 前  车顶*/
.head_roof {
    background-image: url("../images/head_roof_h.png");
    position: absolute;
    left: 20%;
    top: 0;
    width: 59%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 400%;
}

/*前 - 左镜*/
.head_mirror_left {
    background-image: url("../images/head_car_mirror_left_h.png");
    position: absolute;
    left: 88%;
    top: -1px;
    width: 12%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 400%;
}

/*前 - 右镜*/
.head_mirror_right {
    background-image: url("../images/head_car_mirror_right_h.png");
    position: absolute;
    left: 0;
    top: -3px;
    width: 12%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 400%;
}

/*前 - 左立柱*/
.head_column_left {
    background-image: url("../images/head_left_postA_h.png");
    position: absolute;
    left: 77%;
    top: -1px;
    width: 9.5%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 400%;
}

/*前 - 右立柱*/
.head_column_right {
    background-image: url("../images/head_right_postA_h.png");
    position: absolute;
    left: 12%;
    top: 0%;
    width: 10%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 400%;
}

/*
   右侧车辆 - 尾部
*/

.carFoot {
    background-image: url('../images/carfoot.png');
    position: absolute;
    left: 0px;
    top: 0px;
    width: 93%;
    height: 200px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.foot_roof {
    background-image: url('../images/foot_roof_h.png');
    position: absolute;
    left: 20%;
    top: 0px;
    width: 60%;
    height: 200px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.foot_plate_left {
    background-image: url('../images/foot_plate_left_h.png');
    position: absolute;
    left: 6%;
    top: 0px;
    width: 17%;
    height: 200px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.foot_plate_right {
    background-image: url('../images/foot_plate_right_h.png');
    position: absolute;
    left: 79%;
    top: 3px;
    width: 14%;
    height: 200px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.foot_bumper_no {
    background-image: url('../images/foot_bumper_h.png');
    position: absolute;
    left: 6%;
    top: 0px;
    width: 88%;
    height: 200px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.foot_bumper_skrit {
    background-image: url('../images/foot_bumper_skrit_h.png');
    position: absolute;
    left: 6%;
    top: 0px;
    width: 88%;
    height: 200px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.foot_trunk {
    background-image: url('../images/foot_trunk_h.png');
    position: absolute;
    left: 19.5%;
    top: 0;
    width: 62%;
    height: 200px;
    background-size: 100%;
    background-repeat: no-repeat;
}

/*
   车辆 - 左侧
*/

.carLeft {
    background-image: url('../images/carleft.png');
    position: absolute;
    left: 0%;
    top: 0;
    width: 100%;
    height: 300px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.car_left_door1 {
    background-image: url('../images/left_front_door_h.png');
    position: absolute;
    left: 30%;
    top: 0;
    width: 22%;
    height: 200px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.car_left_door1 {
    background-image: url('../images/left_front_door_h.png');
    position: absolute;
    left: 30%;
    top: 0;
    width: 22%;
    height: 200px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.car_left_door2 {
    background-image: url('../images/left_after_door_h.png');
    position: absolute;
    left: 50%;
    top: 0;
    width: 23%;
    height: 200px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.car_left_bumper_bottom {
    background-image: url('../images/left_door_skirt.png');
    position: absolute;
    left: 31%;
    top: 0;
    width: 35%;
    height: 200px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.car_left_tire1 {
    background-image: url('../images/left_front_wheel_h.png');
    position: absolute;
    left: 15%;
    top: 1px;
    width: 10%;
    height: 200px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.car_left_tire2 {
    background-image: url('../images/left_after_wheel_h.png');
    position: absolute;
    left: 71%;
    top: 0;
    width: 10%;
    height: 200px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.car_left_bumper_top {
    background-image: url('../images/left_after_wheel_h.png');
    position: absolute;
    left: 71%;
    top: 0;
    width: 10%;
    height: 200px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.left_roof {
    background-image: url('../images/left_roof_h.png');
    position: absolute;
    left: 40%;
    top: 0;
    width: 34%;
    height: 200px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.left_plate_before {
    background-image: url('../images/left_plate_head_h.png');
    position: absolute;
    left: 9%;
    top: 0;
    width: 22%;
    height: 200px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.left_plate_after {
    background-image: url('../images/left_plate_foot_h.png');
    position: absolute;
    left: 66%;
    top: 0;
    width: 25%;
    height: 200px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.left_bumper_head {
    background-image: url('../images/left_front_bumper_h.png');
    position: absolute;
    left: 0%;
    top: 0;
    width: 12%;
    height: 200px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.left_bumper_head {
    background-image: url('../images/left_front_bumper_h.png');
    position: absolute;
    left: 0%;
    top: 0;
    width: 12%;
    height: 200px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.left_bumper_skrit_front {
    background-image: url('../images/left_front_bumper_skrit_h.png');
    position: absolute;
    left: 3%;
    top: 0;
    width: 9%;
    height: 200px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.left_hood {
    background-image: url('../images/left_hood_h.png');
    position: absolute;
    left: 2%;
    top: 0px;
    width: 28%;
    height: 200px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.left_mirror {
    background-image: url('../images/left_car_mirror_h.png');
    position: absolute;
    left: 32%;
    top: -3%;
    width: 6%;
    height: 200px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.left_trunk {
    background-image: url('../images/left_trunk_h.png');
    position: absolute;
    left: 84%;
    top: 0;
    width: 14%;
    height: 200px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.left_after_bumper {
    background-image: url('../images/left_after_bumper_h.png');
    position: absolute;
    left: 80%;
    top: -2%;
    width: 20%;
    height: 200px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.left_bumper_skrit_after {
    background-image: url('../images/left_bumper_skrit_foot_h.png');
    position: absolute;
    left: 84%;
    top: -2%;
    width: 16%;
    height: 200px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.left_door_postB {
    background-image: url('../images/left_door_postB_h.png');
    position: absolute;
    left: 50%;
    top: 0;
    width: 4%;
    height: 200px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.left_door_postA {
    background-image: url('../images/left_door_postA_h.png');
    position: absolute;
    left: 30%;
    top: 0;
    width: 11%;
    height: 200px;
    background-size: 100%;
    background-repeat: no-repeat;
}

/*
  车 - 车顶
*/
.carTop {
    background-image: url('../images/cartop.png');
    position: absolute;
    left: 0px;
    top: 0;
    width: 100%;
    height: 200px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.top_hood {
    background-image: url('../images/top_hood_h.png');
    position: absolute;
    left: 3%;
    top: -2px;
    width: 27%;
    height: 200px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.platePrevLeft {
    background-image: url('../images/top_left_plate_front_h.png');
    position: absolute;
    left: 8%;
    top: -3px;
    width: 26%;
    height: 200px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.platePrevRight {
    background-image: url('../images/top_right_plate_front_h.png');
    position: absolute;
    left: 9%;
    top: 0;
    width: 26%;
    height: 200px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.columnPrevLeft {
    background-image: url('../images/top_door_left_postA_h.png');
    position: absolute;
    left: 29%;
    top: 0px;
    width: 12%;
    height: 200px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.columnPrevRight {
    background-image: url('../images/top_door_right_postA_h.png');
    position: absolute;
    left: 29%;
    top: 0px;
    width: 12%;
    height: 200px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.top_roof {
    background-image: url('../images/top_roof_h.png');
    position: absolute;
    left: 39%;
    top: 0px;
    width: 35%;
    height: 200px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.leftPrevDoor {
    background-image: url('../images/top_left_door_front_h.png');
    position: absolute;
    left: 36%;
    top: -2%;
    width: 16%;
    height: 200px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.leftNextDoor {
    background-image: url('../images/top_left_door_after_h.png');
    position: absolute;
    left: 51%;
    top: 1%;
    width: 22%;
    height: 200px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.columnCenterLeft {
    background-image: url('../images/top_door_left_postB_h.png');
    position: absolute;
    left: 50%;
    top: 0.2%;
    width: 4.3%;
    height: 200px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.columnCenterRight {
    background-image: url('../images/top_door_right_postB_h.png');
    position: absolute;
    left: 50%;
    top: 0;
    width: 4.2%;
    height: 200px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.top_rightPrevDoor {
    background-image: url('../images/top_right_door_front_h.png');
    position: absolute;
    left: 36%;
    top: 0;
    width: 16%;
    height: 200px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.top_rightNextDoor {
    background-image: url('../images/top_right_door_after_h.png');
    position: absolute;
    left: 51%;
    top: 0;
    width: 22%;
    height: 200px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.plateNextLeft {
    background-image: url('../images/top_left_plate_after_h.png');
    position: absolute;
    left: 71%;
    top: 0;
    width: 22.3%;
    height: 200px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.plateNextRight {
    background-image: url('../images/top_right_plate_after_h.png');
    position: absolute;
    left: 71%;
    top: 0;
    width: 22%;
    height: 200px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.trunk {
    background-image: url('../images/top_trunk_h.png');
    position: absolute;
    left: 85%;
    top: 0;
    width: 12%;
    height: 200px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.bumperNext {
    background-image: url('../images/top_after_bumper_h.png');
    position: absolute;
    left: 92%;
    top: 4px;
    width: 8%;
    height: 200px;
    background-size: 100%;
    background-repeat: no-repeat;
}

/*
   车辆右侧
*/

.carRight {
    background-image: url('../images/carright.png');
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 200px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.rightPrevTire {
    background-image: url('../images/left_front_wheel_h.png');
    position: absolute;
    left: 74.5%;
    top: 0;
    width: 10.3%;
    height: 200px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.rightPrevTire,
.rightNextTire,
.rightPrevPlate,
.rightNextPlate,
.rightEngine,
.rightPrevBumper,
.rightPrevSkirt,
.rightPrevColumn,
.rightRoof,
.rightCenterColumn,
.rightPrevDoor,
.rightNextDoor,
.rightCenterBumper,
.rightNextBumper,
.rightNextSkirt,
.rightTrunk,
.rightPrevMirror {
    background-image: url('../images/left_front_wheel_h.png');
    position: absolute;
    left: 74.5%;
    top: 0;
    width: 10.3%;
    height: 200px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.rightNextTire {
    background-image: url('../images/right_after_wheel_h.png');
    left: 19%;
    top: 0;
    width: 10.2%;
}

.rightPrevPlate {
    background-image: url('../images/right_plate_front_h.png');
    left: 69.2%;
    top: 0;
    width: 17.5%;
}

.rightNextPlate {
    background-image: url('../images/right_plate_after_h.png');
    left: 9%;
    top: 0;
    width: 24.8%;
}

.rightEngine {
    background-image: url('../images/right_hood_h.png');
    left: 70.9%;
    top: 0;
    width: 27%;
}

.rightPrevBumper {
    background-image: url('../images/right_bumper_front_h.png');
    left: 84.7%;
    top: 0;
    width: 15%;
}

.rightPrevSkirt {
    background-image: url('../images/right_bumper_skrit_front_h.png');
    left: 88%;
    top: 0;
    width: 9.2%;
}

.rightPrevColumn {
    background-image: url('../images/right_door_postA_h.png');
    left: 59%;
    top: 0;
    width: 11.5%;
}

.rightRoof {
    background-image: url('../images/right_roof_h.png');
    left: 26%;
    top: 0;
    width: 33.5%;
}

.rightCenterColumn {
    background-image: url('../images/right_door_postB_h.png');
    left: 45.7%;
    top: 0;
    width: 4.3%;
}

.rightPrevDoor {
    background-image: url('../images/right_door_front_h.png');
    left: 48.4%;
    top: 0;
    width: 21.7%;
}

.rightNextDoor {
    background-image: url('../images/right_door_after_h.png');
    left: 26.5%;
    top: 0;
    width: 22.8%;
}

.rightCenterBumper {
    background-image: url('../images/right_door_skirt.png');
    left: 33.9%;
    top: 0;
    width: 35.2%;
}

.rightNextBumper {
    background-image: url('../images/right_bumper_after_h.png');
    left: 0.5%;
    top: 0;
    width: 18.7%
}

.rightNextSkirt {
    background-image: url('../images/right_bumper_skrit_after_h.png');
    left: 0.5%;
    top: 0;
    width: 15.2%;
}

.rightTrunk {
    background-image: url('../images/right_trunk_h.png');
    left: 2%;
    top: 0;
    width: 13.2%;
}

.rightPrevMirror {
    background-image: url('../images/right_car_mirror_h.png');
    left: 62.5%;
    top: 0;
    width: 4.7%;
}


/* tab选项卡*/
.orientation-title {
    font-size: 18px;
    color: #04a7f4;
}

.orientation-title > span:nth-child(2) {
    font-size: 14px;
}

.car-options {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 500px;
    cursor: pointer;
}

.options-item {
    width: 120px;
    height: 40px;
    margin-bottom: 10px;
    border: 1px solid #04a7f4;
    line-height: 40px;
    text-align: center;
    position: relative;
    font-size: 14px;
}

.icons-a{
    width: 0;
    height: 0;
    border-width: 0 0 20px 20px;
    border-style: solid;
    border-color: #1cb9fb transparent;
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.icons-a i {
    font-size: 12px;
    position: absolute;
    left: -11px;
    top: -7px;
    color: white;
}